<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AJAX</title>
</head>
<body>
    <script src="js/jquery.min.js"></script>
    <script>
        //基于jquery来构造ajax,$是一个变量名,这个$是jquery中最核心的对象,jquery的各种API都是通过$来触发的
        //$.ajax就是调用jquery中的ajax,而ajax的参数是一个对象,另外ajax的参数也可以是其他值
        $.ajax({
            //方法类型,这里不仅仅支持get,put,不像form表单
            type: "get",
            //要访问的地址
            url: "http://www.sogou.com/index.html",
            success: function(body){
                //success是一个回调函数
                //只有当正确获取到HTTP响应的时候,才会调用这个函数,这也就是异步的那个过程
                //这个函数的参数就是HTTP响应的body部分
                console.log("成功获得响应");
            },
            error: function(){
                //error也是一个回调函数
                //这个函数会在请求失败的时候才调用,这也是异步的那个过程
                console.log("请求失败");
            }
        });
        // 这就体现出了ajax的一个特点,这个出错是因为浏览器禁止ajax进行跨域访问,也就是跨越多个服务器/多个域名,也就是不再同一个服务器,就算是跨服务器了,
        //而当前页面所处的服务器,是本地文件,而ajax页面中的请求的url,域名是搜狗的(端口号也可能不同),这就算是跨域访问了,这当然就出错了,
        //这算是浏览器给出的限制,也算是一个保护服务器的机制了,但是对方服务器返回的响应头,允许进行跨域操作,那么跨域也是可以的,后面我们自己构建一个服务器,把ajax的地址和当前页面的地址改成一致的,就可以正确请求响应了~~
    </script>
</body>
</html>